Translate event handling page #58

andriawan · 2019-03-07T02:34:54Z

No description provided.

dikisiswanto · 2019-03-07T03:11:54Z

src/v2/guide/events.md


-The logic for many event handlers will be more complex though, so keeping your JavaScript in the value of the `v-on` attribute isn't feasible. That's why `v-on` can also accept the name of a method you'd like to call.
+Bagaimanapun baris kode untuk banyak event handler akan terlihat rumit, jadi menempatkan kode JavaScript Anda dalam `v-on` atribut tidaklah tepat. Itulah mengapa `v-on` dapat juga menerima nama metode yang ingin dijalankan.


atribut 'v-on'

dikisiswanto · 2019-03-07T03:12:29Z

src/v2/guide/events.md

-<div id="example-2">
-  <!-- `greet` is the name of a method defined below -->
+<div id="contoh-2">
+  <!-- `greet` adalah nama metode yang telah didefinisikan dibawah -->


dibawah => di bawah

dikisiswanto · 2019-03-07T03:15:53Z

src/v2/guide/events.md

-<!-- immediately, instead of waiting for `onScroll` to complete  -->
-<!-- in case it contains `event.preventDefault()`                -->
+<!-- perilaku bawaan event scroll (scrolling) akan terjadi -->
+<!-- seger, dari pada menunggu `onScroll` selesai -->


seger => segera

dikisiswanto · 2019-03-07T03:16:31Z

src/v2/guide/events.md


-<p class="tip">Don't use `.passive` and `.prevent` together, because `.prevent` will be ignored and your browser will probably show you a warning. Remember, `.passive` communicates to the browser that you _don't_ want to prevent the event's default behavior.</p>
+<p class="tip">Jangan menggunakan `.passive` dan `.prevent` bersamaan, karena `.prevent` akan diabaikan dan browser anda kemungkinan akan menampilkan peringatan. Ingat, `.passive` berkomunikasi dengan broswer yang mana anda tidak ingin mencegah perilaku bawaan event.</p>


anda => Anda

dikisiswanto · 2019-03-07T03:17:29Z

src/v2/guide/events.md


 ``` html
 <input v-on:keyup.page-down="onPageDown">
 ```

-In the above example, the handler will only be called if `$event.key` is equal to `'PageDown'`.
+Pada contoh di atas, handler hanya akan dipanggail jika `$event.key` sama dengan `'PageDown'`.


dipanggail => dipanggil

dikisiswanto · 2019-03-07T03:18:28Z

src/v2/guide/events.md

 - `.esc`
 - `.space`
 - `.up`
 - `.down`
 - `.left`
 - `.right`

-<p class="tip">A few keys (`.esc` and all arrow keys) have inconsistent `key` values in IE9, so these built-in aliases should be preferred if you need to support IE9.</p>
+<p class="tip">beberapa kunci (.esc dan semua tombol arah) memiliki nilai key yang tidak konsisten pada peramban IE9, jadi alias yang telah tersedia di atas lebih disarankan jika anda butuh dukungan untuk peramban IE9.</p>


Huruf pertama harusnya kapital

dikisiswanto · 2019-03-07T03:20:42Z

src/v2/guide/events.md


-2. Since you don't have to manually attach event listeners in JS, your ViewModel code can be pure logic and DOM-free. This makes it easier to test.
+2. Sejak anda tidak membutuhkan peletakkan event listeners dalam JS secara manual, baris kode ViewModel menjadi berisi murni logika dan bebas DOM. Ini memudahkan dalam pengujian.


anda => Anda

andriawan · 2019-03-07T03:22:40Z

@dikisiswanto terima kasih atas reviewnya. akan saya perbaiki kembali

dikisiswanto · 2019-03-07T03:24:36Z

src/v2/guide/events.md


-You can use the following modifiers to trigger mouse or keyboard event listeners only when the corresponding modifier key is pressed:
+Anda dapat menggunakan modifier dibawah untuk memicu mouse atau keyboard event listener hanya pada saat modifier tertentu ditekan:


dibawah harusnya di bawah

dikisiswanto

Beberapa bagian yang mungkin sebaiknya diperbaiki.

dikisiswanto · 2019-03-07T03:29:08Z

oke mas @andriawan

mazipan

Perbaiki dulu komentar-komentarnya ya mas

mazipan · 2019-03-07T07:55:47Z

src/v2/guide/events.md


-The logic for many event handlers will be more complex though, so keeping your JavaScript in the value of the `v-on` attribute isn't feasible. That's why `v-on` can also accept the name of a method you'd like to call.
+Bagaimanapun baris kode untuk banyak event handler akan terlihat rumit, jadi menempatkan kode JavaScript Anda dalam atribut `v-on` tidaklah tepat. Itulah mengapa `v-on` dapat juga menerima nama metode yang ingin dijalankan.


event handler nya pake Italic mas

Logika untuk banyak event handler akan menjadikannya lebih kompleks,

mazipan · 2019-03-07T08:00:59Z

src/v2/guide/events.md


-Instead of binding directly to a method name, we can also use methods in an inline JavaScript statement:
+Dari pada menempatkan nama metode secara langsung, kita juga dapat menggunakan metode dalam sebuah inline JavaScript statement:


JavaScript sebaris (inline)

mazipan · 2019-03-07T08:02:15Z

src/v2/guide/events.md

@@ -141,7 +141,7 @@ new Vue({
 </script>
 {% endraw %}

-Sometimes we also need to access the original DOM event in an inline statement handler. You can pass it into a method using the special `$event` variable:
+Terkadang kita juga butuh akses ke event DOM bawaan dalam inline statement handler. Anda dapat menempatkan variabel khusus `$event` ke dalam sebuah metode:


dalam handler statement sebaris

mazipan · 2019-03-07T08:02:53Z

src/v2/guide/events.md

    if (event) event.preventDefault()
    alert(message)
  }
 }
 ```

-## Event Modifiers
+## Event Modifier


Pengubah Event

Atau bisa jelaskan dengan
Pengubah (Modifier) Event

mazipan · 2019-03-07T08:04:15Z

src/v2/guide/events.md


-To address this problem, Vue provides **event modifiers** for `v-on`. Recall that modifiers are directive postfixes denoted by a dot.
+Untuk menyelesaikan masalah ini, Vue menyediakan  **event modifier** untuk `v-on`. Penggunaan modifier tersebut ialah dengan tambahan direktif diawali dengan simbol titik.


pengubah event

mazipan · 2019-03-07T08:04:54Z

src/v2/guide/events.md

 <a v-on:click.stop="doThis"></a>

-<!-- the submit event will no longer reload the page -->
+<!-- the submit event tidak lagi memuat ulang halaman -->


event submit

mazipan · 2019-03-07T08:06:31Z

src/v2/guide/events.md

@@ -174,115 +174,115 @@ To address this problem, Vue provides **event modifiers** for `v-on`. Recall tha
 - `.passive`

 ``` html
-<!-- the click event's propagation will be stopped -->
+<!-- click event propagation akan dihentikan -->


perambatan event klik

mazipan · 2019-03-07T08:07:52Z

src/v2/guide/events.md

-<!-- use capture mode when adding the event listener -->
-<!-- i.e. an event targeting an inner element is handled here before being handled by that element -->
+<!-- gunakan mode capture saat menambahkan event listener -->
+<!-- sebagai contoh, sebuah event menargetkan sebuah inner element ditangani disini sebelum ditangani oleh element tesebut -->


element -> elemen

mazipan · 2019-03-07T08:08:36Z

src/v2/guide/events.md

-<!-- only trigger handler if event.target is the element itself -->
-<!-- i.e. not from a child element -->
+<!-- handler hanya dipicu jiks event.target adalah element itu sendiri -->
+<!-- sebagai contoh, tidak dari child element -->


elemen anak

andriawan · 2019-03-07T12:01:08Z

mas @mazipan suda saya perbaiki ulang. silahkan ditinjau kembali. untuk penggunaan kata key apakah seharusnya diterjemahkan ke kunci?

- change word "browser" to "peramban"

mazipan · 2019-03-07T16:04:54Z

src/v2/guide/events.md

@@ -141,7 +141,7 @@ new Vue({
 </script>
 {% endraw %}

-Sometimes we also need to access the original DOM event in an inline statement handler. You can pass it into a method using the special `$event` variable:
+Terkadang kita juga butuh akses ke event DOM bawaan dalam statement _handler_ sebaris. Anda dapat menempatkan variabel khusus `$event` ke dalam sebuah metode:


statement -> statemen, ada beberapa diatas. replaceAll aja.

baik mas @mazipan

sudah saya perbaiki mas @mazipan

- change word "browser" to peramban

translate event handling page

281ad15

dikisiswanto reviewed Mar 7, 2019

View reviewed changes

fix typo and grammar

7fc54a8

dikisiswanto reviewed Mar 7, 2019

View reviewed changes

mazipan mentioned this pull request Mar 7, 2019

Halaman Event Handling #14

Closed

mazipan requested changes Mar 7, 2019

View reviewed changes

improvement from feedback

ddefe7f

- change word "key" to italic

22d64bc

- change word "browser" to "peramban"

andriawan changed the title ~~translate event handling page~~ Translate event handling page Mar 7, 2019

mazipan reviewed Mar 7, 2019

View reviewed changes

- change word "statement" to statemen

84a6294

- change word "browser" to peramban

mazipan approved these changes Mar 7, 2019

View reviewed changes

mazipan merged commit a65571d into vuejs-id:master Mar 7, 2019

andriawan deleted the translate-event-handling branch March 7, 2019 16:36


		The logic for many event handlers will be more complex though, so keeping your JavaScript in the value of the `v-on` attribute isn't feasible. That's why `v-on` can also accept the name of a method you'd like to call.
		Bagaimanapun baris kode untuk banyak event handler akan terlihat rumit, jadi menempatkan kode JavaScript Anda dalam `v-on` atribut tidaklah tepat. Itulah mengapa `v-on` dapat juga menerima nama metode yang ingin dijalankan.


		<p class="tip">Don't use `.passive` and `.prevent` together, because `.prevent` will be ignored and your browser will probably show you a warning. Remember, `.passive` communicates to the browser that you _don't_ want to prevent the event's default behavior.</p>
		<p class="tip">Jangan menggunakan `.passive` dan `.prevent` bersamaan, karena `.prevent` akan diabaikan dan browser anda kemungkinan akan menampilkan peringatan. Ingat, `.passive` berkomunikasi dengan broswer yang mana anda tidak ingin mencegah perilaku bawaan event.</p>


		2. Since you don't have to manually attach event listeners in JS, your ViewModel code can be pure logic and DOM-free. This makes it easier to test.
		2. Sejak anda tidak membutuhkan peletakkan event listeners dalam JS secara manual, baris kode ViewModel menjadi berisi murni logika dan bebas DOM. Ini memudahkan dalam pengujian.


		You can use the following modifiers to trigger mouse or keyboard event listeners only when the corresponding modifier key is pressed:
		Anda dapat menggunakan modifier dibawah untuk memicu mouse atau keyboard event listener hanya pada saat modifier tertentu ditekan:


		Instead of binding directly to a method name, we can also use methods in an inline JavaScript statement:
		Dari pada menempatkan nama metode secara langsung, kita juga dapat menggunakan metode dalam sebuah inline JavaScript statement:


		To address this problem, Vue provides event modifiers for `v-on`. Recall that modifiers are directive postfixes denoted by a dot.
		Untuk menyelesaikan masalah ini, Vue menyediakan event modifier untuk `v-on`. Penggunaan modifier tersebut ialah dengan tambahan direktif diawali dengan simbol titik.

Translate event handling page #58

Translate event handling page #58

Uh oh!

Conversation

andriawan commented Mar 7, 2019

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

andriawan commented Mar 7, 2019

Uh oh!

Choose a reason for hiding this comment

Uh oh!

dikisiswanto left a comment

Choose a reason for hiding this comment

Uh oh!

dikisiswanto commented Mar 7, 2019

Uh oh!

mazipan left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

andriawan commented Mar 7, 2019

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!